{% load settings_tags static %}

{% settings 'SITE_NAME' as site_name %}

<!-- Header Start -->
<section class="header-bg align-items-center position-relative d-flex" id="top">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-6">
                <div class="header-title">
                    <p class="highlight font-weight-bold size-16 text-uppercase header-small-title title mb-3 ml-1">Ultimate Platform</p>
                    <h1 class="font-weight-bold main-title mb-4">Track Your Visitors And Improve your Business.</h1>
                    <p class="text-sub ml-2 mb-4 pb-2"><b>{{ site_name|capfirst }}</b> is the best ultimate platform on the market for improving your business by tracking and filtering your online traffic in your campaigns and offers links.</p>
                    <a href="{% url 'register' %}" class="btn btn-primary ml-2">Register Now <span class="ml-2 right-icon"><i class="fas fa-arrow-right"></i></span></a>
                </div>
            </div>
            <div class="col-lg-5 offset-lg-1">
                <div class="mt-5 mt-lg-0">
                    <img src="{% static 'imgs/header-2.png' %}" alt="" class="img-fluid mx-auto d-block">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Header End -->